<template>
	<view>
		<view class="initBy">
			<view class="lefts">
				<image style="width: 100%;height: 100%;" :src="onten.pic" mode=""></image>
			</view>
			<view class="bodys">
				<p style="font-size: 14px;">{{onten.spuName}}</p>
				<view style="font-size: 14px; width: 100%;display: flex;justify-content: space-between;">
					<p>￥{{onten.price}}</p>
					<p>X{{onten.count}}</p>
				</view>
			</view>
		</view>
		<view class="onbInt">
			<view class="boy">
				<p style='color:#999;font-weight: 600; width:200rpx;'>所属吧台：</p>
				<p>{{onten.region}}</p>
			</view>
			<view class="boy">
				<p style='color:#999;font-weight: 600; width:200rpx;'>交易时间：</p>
				<p>{{onten.updateTime}}</p>
			</view>
			<view class="boy">
				<p style='color:#999;font-weight: 600; width:200rpx;'>分账状态：</p>
				<p>{{dataLen.status==5?'已分账':'待分账'}}</p>
			</view>
		</view>
	</view>
</template>

<script>
	import {getOrder} from '@/api/work/notice.js'
	export default {
		data() {
			return {
				onten:{},
				dataLen:{},
			};
		},
		  onLoad(options) {
			  this.onten=JSON.parse(options.data)
			  console.log(this.onten);
			  this.getOrs()
			  
		    },
			methods:{
				getOrs(){
					getOrder({orderId:this.onten.orderId*1}).then(res=>{
						this.dataLen=res.data
					})
				}
			}
	}
</script>

<style lang="less" scoped>
.initBy{
	width: 100%;
	height: 180rpx;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 20rpx;
}
.rights{
	height: 100%;
	width: 90rpx;
	text-align: center;
	line-height: 80rpx;
}
.bodys{
	height: 100%;
	width: 70%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	p{
		margin-left: 20rpx;
	}
}
.lefts{
	width: 80px;
	height: 80px;
	margin-left: 20rpx;
	border: 1px solid #ccc;
}
.onbInt{
	.boy{
		display: flex;
		margin-top: 40rpx;
		margin-left: 30rpx;
		font-size: 30rpx;
		
	}
}
</style>
